<template>
  <view class="page-default">
    <c-nav-bar title="致学生及家长的一封信" type="white" bg-color="rgba(255,255,255,0.6)" />
    <view>
      <view class="content bg-green-white m-4 mt-6 rounded-4 px-4 pb-8 pt-4 line-height-6">
        <view class="px-2 line-height-8">
          <view class="indent-7">
            <view>为了传承学校的优良作风，营造良好的学习生活环境，在德智体美劳等方面全面发展，我承诺做到以下点：</view>
            <view class="font-bold">
              1.仪容仪表
            </view>
            <view>在校统一校服着装，整洁得体，不染发、不染发、不佩戴首饰、耳钉等，符合学生形象。</view>
            <view class="font-bold">
              2.学习要求
            </view>
            <view>准时上课，不迟到、不早退、不旷课，专心听讲，不做与课堂无关的事。自习课安静，自觉完成学习任务，不喧哗、不随意走动。</view>
            <view class="font-bold">
              3.杜绝校园欺凌
            </view>
            <view>不参与、不纵容任何形式的言语、肢体或网络欺凌，友善待人，及时报告欺凌行为。</view>
            <view class="font-bold">
              4.集体活动
            </view>
            <view>积极参与集体活动，服从安排，维护班级和学校荣誉。</view>
            <view class="font-bold">
              5.早操规范
            </view>
            <view>按时出操，动作规范，不无故缺席。</view>
            <view class="font-bold">
              6.住宿管理
            </view>
            <view>自觉打扫宿舍卫生，保持内务整洁，不私接乱拉电线，不带违禁品进宿舍，按时作息，不做侮辱他人人格的事。</view>
            <view class="font-bold">
              7.卫生责任
            </view>
            <view>自觉维护校园及教室卫生，不乱扔垃圾，不携带食品和饮料进教学区域。</view>
            <view class="font-bold">
              8.手机使用
            </view>
            <view>每周返校，手机统一上交班主任管理，不允许私自玩手机，严禁使用备用机，不允许使用手机传播负能量信息，杜绝引发社会舆情。</view>
            <view class="font-bold">
              9.严禁抽烟
            </view>
            <view>校园内任何场所（包括教室、宿舍、操场、走廊、卫生间等）不吸烟、不携带香烟、电子烟等烟草制品。</view>
            <view class="font-bold">
              10. 安全守则
            </view>
            <view>不攀爬危险设施，不携带易燃易爆物品，不携带管制刀具，做到食品、交通、防溺水和远离电信咋骗等安全事项，遇突发事件及时报告。</view>
          </view>
          <view class="px-2 py-4">
            <u-line dashed />
          </view>
          <view class="indent-7 font-bold">
            <view class="">
              我承诺严格要求自己，遵守学校的各项管理制度，服从管理，做一名合格的西安旅游职业中等专业学校学生。
            </view>
            <view class="">
              若违反上述条款，自愿接受学校相应处理。
            </view>
          </view>
          <view class="relative mt-8 w-full text-right">
            <view class="inline-block max-w-xs break-words text-left">
              承诺人：____________________  <br>
              监护人：____________________  <br>
              日&nbsp;&nbsp;&nbsp;&nbsp;期：<text class="underline">
                &nbsp;&nbsp;2025&nbsp;&nbsp;
              </text>年<text class="underline">
                &nbsp;&nbsp;06&nbsp;&nbsp;
              </text>月<text class="inline-block w-6 text-center" style="border-bottom: 1px solid #000000;">
                10
              </text>日
            </view>
            <view class="absolute right-8 -top-1">
              <u-image src="/static/images/sign.png" height="30" width="120" class="" mode="aspectFill" />
              <u-image src="/static/images/sign.png" height="30" width="120" class="" mode="aspectFill" />
            </view>
          </view>
        </view>
      </view>

      <view class="m-3 mt-6 flex items-center pl-1 text-#1A2B5C font-bold">
        <view class="mr-2 h-4 w-6px rounded-2 bg-#02CAB1" />承诺人签名
      </view>

      <view class="mx-4 rounded-2 bg-white px-4 py-10 text-center text-xs text-#6E7B8B">
        <view class="mb-2 flex items-center justify-center">
          <up-icon name="plus-circle" size="26" color="#02CAB1" />
        </view>
        点击添加签名
      </view>

      <view class="mx-4 mt-6 rounded-2 bg-white px-4 py-8 text-center">
        <view class="relative w-full">
          <u-icon name="trash" size="26" color="#E7B710" class="absolute -right-2 -top-6" />
        </view>
        <view class="px-2">
          <u-image src="/static/images/sign.png" width="100%" height="90" class="w-full border" mode="aspectFill" />
        </view>
      </view>

      <view class="m-3 mt-6 flex items-center pl-1 text-#1A2B5C font-bold">
        <view class="mr-2 h-4 w-6px rounded-2 bg-#02CAB1" />监护人签名
      </view>
      <view class="mx-4 rounded-2 bg-white px-4 py-10 text-center text-xs text-#6E7B8B" @click="goPage()">
        <view class="mb-2 flex items-center justify-center">
          <up-icon name="plus-circle" size="26" color="#02CAB1" />
        </view>
        点击添加签名
      </view>

      <view class="mx-8 pb-2">
        <u-button size="default" shape="circle" class="gradient-button mb-8 mt-8" @click="goNextPage">
          <text class="text-base text-white">
            提交
          </text>
        </u-button>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const goPage = () => {
  uni.$u.route({
    url: '/pages/biz/information/signature',
  });
};
</script>

<style lang="scss" scoped>
.page-default{
    width: 100%;
    min-height: 100vh;
    background: url('@/static/images/welcome/header-bg.png') no-repeat center top;
    background-size: 100% 50%;

  }
  .bg-green-white{
    background: linear-gradient(to bottom, #f6fdfa, #fff, #fff); /* 渐变色设置 */
  }

  :deep(.u-checkbox__icon-wrap) {
    flex-shrink: 0;
  }
  :deep(.box-border){
    background-color: #ffffff !important;
  }
</style>
